<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>首页-绝地求生周边商城</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/shouye.css">
    <link rel="stylesheet" href="./css/iconfont.css">
</head>

<body>
    <!-- 头部 -->
    <div id="headerBox">
        <div class="header">
            <div class="headerLeft">
                <div class="toubuxiangqingLeft">
                    <div class="laba"></div>
                    <div class="toubuxiangqing">pubg周边商城上线啦~,点击查看详情></div>
                </div>
                <div class="toubudenglu">
                    <span></span>
                    <a href="">立即登录</a>
                </div>
            </div>
            <i><img src="./images/logo-pubg.png" alt=""></i>
            <div class="headerRight">
                <input type="text" placeholder="请输入想要的宝贝">
                <button class="btn"><span></span></button>
            </div>
        </div>
        <!-- 头部导航 -->
        <div class="nav">
            <div class="navLeft">
                <span></span>
                <a href="">全部商品</a>
            </div>
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">周年专区</a></li>
                <li><a href="">精彩活动</a></li>
                <li><a href="">限时折扣</a></li>
                <li><a href="">聚豆抵扣2</a></li>
            </ul>
            <span><a href="">购物车</a>(0)</span>
        </div>

    </div>


    <!-- banner图 -->

    <div class="banner">
        <div class="bannerLeft fl">
            <img src="./images/banner.jpg" alt="">
        </div>
        <div class="bannerRight fr">
            <img src="./images/banner2.jpg" alt="">
        </div>
    </div>

    <!-- PAI赛事限定 -->
    <div class="PAI">
        <p>PAI赛事限定<span><a href="">更多</a></span></p>
        <ul>
            <li>
                <img src="./images/t1.jpg" alt="">
                <p><a href="">98k警告T恤</a><i>￥168</i><span>￥238</span></p>
            </li>
            <li>
                <img src="./images/t2.jpg" alt="">
                <p><a href="">恐龙乐园T恤</a></p>
            </li>
            <li>
                <img src="./images/t3.jpg" alt="">
                <p><a href="">拳王爆炸头的小黄衣</a></p>
            </li>
            <li>
                <img src="./images/t4.jpg" alt="">
                <p><a href="">快递小哥棒球帽</a></p>
            </li>
            <li>
                <img src="./images/t5.jpg" alt="">
                <p><a href="">钓鱼执法官的马克杯</a></p>
            </li>
            <li>
                <img src="./images/t6.jpg" alt="">
                <p><a href="">绝不凉凉的保温杯</a></p>
            </li>
        </ul>
        <i><img src="./images/zhounianjinian.jpg" alt=""></i>
    </div>


    <!-- 周年纪念礼盒 -->
    <div class="zhounian">
        <p>周年纪念礼盒<span><a href="">更多</a></span></p>
        <div class="zhounianLeft fl">
            <img src="./images/jinian.jpg" alt="">
        </div>
        <div class="zhounianRight fr">
            <dl>
                <dt>
                    <img src="./images/jinian1.jpg" alt="">
                    <p><a href="">周年纪念礼盒</a></p>
                </dt>
                <dd>
                    <img src="./images/jinian2.jpg" alt="">
                    <p><a href="">周年纪念卫衣礼盒</a></p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="./images/jinian1.jpg" alt="">
                    <p><a href="">周年纪念鼠标垫礼盒</a></p>
                </dt>
                <dd>
                    <img src="./images/jinian2.jpg" alt="">
                    <p><a href="">周年典藏礼盒</a></p>
                </dd>
            </dl>
        </div>
    </div>

    <!-- 推荐专区 -->
    <div class="tuijian">
        <p>推荐专区<span><a href="">更多</a></span></p>
        <div class="tuijianLeft fl">
            <img src="./images/tuijian.jpg" alt="">
        </div>
        <div class="tuijianRight fr">
            <dl>
                <dt class="weiyi">
                    <img src="./images/t1.jpg" alt="">
                    <p><a href="">98k警告T恤</a></p>
                </dt>
                <dd>
                    <img src="./images/t2.jpg" alt="">
                    <p><a href="">恐龙乐园T恤</a></p>
                </dd>
            </dl>
            <dl>
                <dt>
                    <img src="./images/t3.jpg" alt="">
                    <p><a href="">拳王爆炸头的小黄衣</a></p>
                </dt>
                <dd>
                    <img src="./images/tuijian1.jpg" alt="">
                    <p><a href="">周年纪念卫衣礼盒</a></p>
                </dd>
            </dl>
        </div>
    </div>


    <!-- 尾部 -->
    <div class="footer">
        <div class="footerLogo"><img src="./images/logo.png" alt=""></div>
        <div class="footerLeft">
            <ul>
                <li><a>购物指南</a></li>
                <li><a>配送方式</a></li>
                <li><a>常见操作</a></li>
                <li><a>售后服务</a></li>
                <li><a>关于我们</a></li>
            </ul>
            <ol>
                <li>
                    <img src="./images/pubg-gzh.png" alt="">
                    <p>绝地求生社区</p>
                </li>
                <li>
                    <img src="./images/wx-gzh.png" alt="">
                    <p>微信公众号</p>
                </li>
                <li>
                    <img src="./images/jcp_gzh.jpg" alt="">
                    <p>聚诚品公众号</p>
                </li>
            </ol>
        </div>
        <div class="banquan">
            <p>
                <a href="">腾讯互动娱乐</a>
                <a href="">服务条款</a>
                <a href="">腾讯游戏隐私保护指引</a>
                <a href="">腾讯游戏儿童隐私保护指引</a>
                <a href="">广告服务</a>
                <a href="">腾讯游戏招聘</a>
                <a href="">腾讯游戏客服</a>
                <a href="">游戏地图</a>
                <a href="">成长守护平台</a>
                <a href="">商务合作</a>
                <a href="">网站导航</a>
            </p>
            <p>
                粤网文[2014]0633-233号 增值电信业务经营许可证：粤B2-20090059 B2-20090028 违法和不良信息举报电话：0755-83767606
            </p>
            <p>COPYRIGHT © 1998 – 2020 TENCENT. ALL RIGHTS RESERVED.</p>
            <p><a href="">腾讯公司 版权所有</a></p>
        </div>
    </div>
    <div class="huidaodingbu">
        <a href="">
            <i>TOP</i>
        </a>

    </div>


</body>

</html>